<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/login.css">
</head>
<body>
  <div class="main">

    <!-- 头部区域 -->
    <div class="head">
      <div class="one"></div>
      <!-- logo部分 -->
      <div class="logo"><img src="images/logo.png"/></div>
  
      <!-- 列表部分 -->
      <div class="lists">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li><a href="service.html">关于鼎搜</a></li>
          <li><a href="about.html">鼎搜服务</a></li>
          <li><a href="#">鼎搜动态</a></li>
          <li><a href="#">鼎搜诚聘</a></li>
          <li><a href="#">鼎搜公益</a></li>
        </ul>
      </div>
  
      <!-- 搜索框 -->
      <div class="search">
        <input type="text" placeholder="请输入内容..."/>
        <img src="images/search.png"/>
        <a href="login.html">登陆</a>
        <a href="register.html">注册</a>
      </div>
    </div>
  
  
    <!-- 大图片 -->
    <div class="piture"><img src="images/roll.png" alt=""></div>

  

    <!-- 登录页 -->
    <div class="login">
      <div class="login_title">
        <img src="images/zhuanrang.png" alt="">
      </div>
     

      <div class="login_home">
        <div class="login_home_left">
          <button class="btn1"><a href="">点击登陆</a></button>
          <button class="btn2"><a href="register.html">点击注册</a></button>
          <table>
            <tr>
              <td>
                <label for="username">
                  用户名: <input type="text" name="username" id="username" class="ip1">
                </label>
              </td>
            </tr>
            <tr>
              <td> 
                <label for="userpwd">
                 密码:<input type="password" name="userpwd" id="userpwd" class="ip2">
                </label>
              </td>
            </tr>
            <tr>
              <td> 
                <label for="ydm">
                  验证码: <input type="text" name="ydm" id="ydm" class="ip3">
                </label>
                <img src="images/yzm_fh.png" alt="">
                <a href="" class="ydm1">看不清？</a>
                <a href="" class="ydm2">点击更换</a>
              </td>
            </tr>
            <tr>
              <td>  有效期:
                <label for="usedate1" class="date">
                  <input type="radio" name="date" id="usedate1" class="ip4" checked><span>一个月</span>
                </label>
                <label for="usedate2" class="date">
                  <input type="radio" name="date" id="usedate2" class="ip4"><span>一周</span>
                </label>
                <label for="usedate3" class="date">
                  <input type="radio" name="date" id="usedate3" class="ip4"><span>一天</span>
                </label>
                <label for="usedate4" class="date">
                  <input type="radio" name="date" id="usedate4" class="ip4"><span>即时</span>
                </label>
              </td>
            </tr>
          </table>
          <button class="btn3"><a href="">登陆</a></button>
          <button class="btn4"><a href="register.html">忘记密码？</a></button>
          
        </div>


        <div class="login_home_right">
          <img src="images/banner_photo.png" alt="">
        </div>
      </div>
    </div>


    <!-- 底部区域 -->
   <div class="footer">
    <div class="help">
      <div class="datail">
        <ul>
          <li class="items">简介
            <ul class="items_two">
              <li>鼎搜网简介</li>
              <li>鼎搜服务</li>
              <li>会员身份实名认证</li>
            </ul>
          </li>
          <li class="items renew">帮助
            <ul class="items_two">
              <li>用户注册</li>
              <li>关于鼎搜</li>
              <li>在线咨询</li>
           </ul>
          </li>
          <li class="items renew">共赢
            <ul class="items_two">
              <li>网站合作</li>
              <li>用户协议</li>
              <li>会员身份实名认证</li>
            </ul>
          </li>
          <li class="items renew"> 导航
            <ul class="items_two">
              <li>地图首页</li>
              <li>职能分类</li>
              <li>企业名录</li>
            </ul>
          </li>
        </ul>
      </div>

      <div class="mail">
        
        <div class="call">
          <img src="images/photo.png" alt="">
          <div class="call_left">
            <p>全国服务热线</p>
            <p>440-880-1779</p>
            <p>邮箱:dinsoo@163.com</p>
          </div>
         <div class="call_right">
          <p>投诉电话:4408801779</p>
          <p>周一至周六:9:20-20:00</p>
          <img src="images/关注.png" alt="">
         </div>
          
        </div>
      </div>
    </div>
     

    <div class="copyright">
      <p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
    </div>
   </div>





  </div>
</body>
</html>